<div id="contenedor" class="container">
    <div class="row-fluid">
        <div class="row-fluid">
            <ul class="span12 breadcrumb alingCenter">
                <li><b>Reporte de cuentas por cobrar  (<?php echo $cantidadResPen ?> registros encontrados)</b></li>
            </ul>
        </div>
    </div>
    <ul class="nav nav-tabs" id="myTab">
        <li class="active"><a href="#home">Hospedajes</a></li>
        <li ><a href="cuentasporcobrarextras">Otras ventas</a></li>
    </ul>

    <div id="buscarVentas"  class="row-fluid">
        <div class="span2">
            Buscar por fecha de ingreso:
        </div>
        <div class="span2 ">
            Desde:
            <input id="desde" type="text" class="input-block-level criterio" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["desde"])) echo $_GET["desde"]; ?>"> 
        </div>
        <div class="span2">
            Hasta:
            <input id="hasta" type="text" class="input-block-level criterio" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["hasta"])) echo $_GET["hasta"]; ?>"> 
        </div>
        <div class="span2">
            Check-in realizado: <a title="Considerar solo hospedajes con check-in realizado" class="link">?</a><br>
            <input id="check" type="checkbox" <?php if (!empty($_GET["check"])) echo "checked"; ?> value="on"> 
        </div> 
        <div class="span3">
            Check-out realizado: <a title="Considerar solo hospedajes con check-out realizado" class="link">?</a><br>
            <input id="checkout" type="checkbox" <?php if (!empty($_GET["checkout"])) echo "checked"; ?> value="on"> 
        </div>
        <div class="span1">
            <div class="row-fluid">
                <div class="span4 hide">
                    <br>
                    <button title="Buscar" id="botonBuscarCuentasCobrar" type="submit" class="btn btn-inverse pull-right"><i class="icon-search icon-white"></i></button>
                </div>
                <div class="span4">
                    <br>
                    <a  title="Limpiar formulario" href="cuentasporcobrar" class="btn btn-primary pull-right"><i class="icon-refresh icon-white"></i></a>
                </div>
            </div>
        </div>

    </div>
    <div class="row-fluid"> 
        <table id="tablaCompras" class="table table-hover">
            <thead>
                <tr>
                    <th>Cliente</th>
                    <th>Habitacion</th>
                    <th>Check-in realizado</th>
                    <th>Total a pagar</th>
                    <th>Valor pagado</th>
                    <th>Valor pendiente</th>
                    <th>Opciones</th>

                </tr>
            </thead>
            <tbody>
                <?php
                foreach ($resPenPagos as $resPenPago) {
                    ?>
                    <tr>
                        <td> <?php echo $resPenPago->nombre_cliente . " " . $resPenPago->primer_apellido . " " . $resPenPago->segundo_apellido; ?> </td>
                        <td><?php echo "<em class='text-info'>" . $resPenPago->nombre_categoria . "</em> | " . $resPenPago->nombre_cuarto; ?></td>
                        <td> <?php
                            if ($resPenPago->checkin_realizado == "1")
                                echo "Si";
                            else
                                echo "No";
                            ?> </td>
                        <td> <?php
                            echo $moneda;
                            echo number_format($resPenPago->sumaTotalPagar, 2, ".", ",");
                            ?> </td>
                        <td> <?php echo $moneda . number_format($resPenPago->ingresos, 2, ".", ","); ?> </td>
                        <td> <?php
                            echo $moneda;
                            echo number_format($resPenPago->sumaTotalPagar - $resPenPago->ingresos, 2, ".", ",");
                            ?> </td>
                        <td> <a href="reserva?id=<?php echo $resPenPago->id_reserva; ?>" class="btn btn-mini btn-inverse">Detalles</a> </td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>

    </div>
    <div class="row-fluid">
        <div id="paginacion" class="pagination pull-right"
             data-desde="<?php if (!empty($_GET["desde"])) echo $_GET["desde"]; ?>"
             data-hasta="<?php if (!empty($_GET["hasta"])) echo $_GET["hasta"]; ?>"
             >
            <ul>
                <li class="<?php
                if ($paginaActiva == 1)
                    echo "active";
                else
                    echo "noActive";
                ?>"><a data-page="1">1</a></li>
                    <?php for ($i = 2; $i <= $cantidadPaginas; $i++) { ?>
                    <li class="<?php
                    if ($paginaActiva == $i)
                        echo "active";
                    else
                        echo "noActive";
                    ?>"><a data-page="<?php echo $i; ?>"><?php echo $i; ?></a></li>
                    <?php } ?>
            </ul>
        </div> 
    </div>
            <div class="alert alert-success span4 offset4">
            Total de cuentas por cobrar:  <strong><?php echo $moneda.number_format($valorTotalPendiente, 2, ".", ","); ?></strong> <br>
        </div>
</div>